﻿@{
    ProductInfo productInfo = this.GetProductInfo();
    BsStyleVo bsStyleVo = this.GetBsStyle();
    var containerStyle = bsStyleVo.ContainerStyle;
    var themeCssUrl = bsStyleVo.ThemeCssUrl;
}

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>@ViewBag.Title</title>
    <link href="~/Content/libs/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="@themeCssUrl" rel="stylesheet" />
    <link href="~/Content/libs/bootstrap/css/sticky-footer-navbar.css" rel="stylesheet" />
    <link href="~/Content/css/bootstrap-nb.css" rel="stylesheet" />
    <link href="~/Content/css/newheader.css" rel="stylesheet" />
    <link href="~/Content/css/newindex.css" rel="stylesheet" />
    <link href="~/Content/libs/ace/css/font-awesome.css" rel="stylesheet" />

    <!-- styles related to this page -->
    @RenderSection("style", false)

</head>

<body>
    <!-- Fixed navbar -->
    <div role="navigation" class="navbar navbar-default navbar-fixed-top">

        <div class="@containerStyle">

            <div class="row">

                <div class="col-xs-12">

                    @Html.Partial("_BsNavBar")

                </div>

            </div>

        </div>

    </div>

    <!-- Begin page content -->
    <div class="@containerStyle">

        <div class="row">

            <div class="col-xs-12">
                
                @Html.Partial("_BsHeader")

            </div>

        </div>
        

        <div class="row">

            <div class="col-xs-12">
                
                @RenderBody()

            </div>

        </div>


    </div>

    <!-- Sticky footer -->
    <div class="footer">

        <div class="@containerStyle">

            <div class="row">

                <div class="col-xs-12">

                    @Html.Partial("_BsFooter")

                </div>
            </div>

        </div>

    </div>

    <!-- Bootstrap core JavaScript
        ================================================== -->
    <script src="~/Content/libs/jquery/jquery-1.8.2.js"></script>
    <script src="~/Content/libs/bootstrap/js/bootstrap.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="~/Content/libs/bootstrap/js/ie10-viewport-bug-workaround.js"></script>

    <script>
        $(".right-menu .item-drop").hover(function () {
            $(this).toggleClass("active");
        })
    </script>

    <!-- scritps related to this page -->
    @RenderSection("scripts", false)
</body>

</html>
